<!DOCTYPE html>
<html>
<head>
    <title>督察任务</title>
    <#include "/header.html">
        <link rel="stylesheet" href="${request.contextPath}/statics/css/dczx.css">
        <link rel="stylesheet" href="${request.contextPath}/statics/css/index.css">
 </head>
<body>
<div id="rrapp">
    <div class="content">
        <!--专项数据表格-->
        <div class="content-box clearfix" v-if="isList">
            <div class="top-form-box clearfix">
                <el-button round size="small" @click="handleClick(undefined)" :type="lists">督察记录</el-button>
                <el-button round size="small" @click="handleClick(0)" :type="question">问题追踪</el-button>
                <el-button round size="small" @click="handleClick(1)" :type="history">整改历史</el-button>
                <div class="input-box pull-right clearfix">
                    <el-input class="pull-left" placeholder="请输入内容" v-model="findKey" @keyup.enter="search" clearable size="small" style="width: 200px;margin-right: 10px"> </el-input>
                    <el-button class="pull-left" type="primary" round size="small" @click="search">查询</el-button>

                    <div class="tpl-type-add pull-left">
                        <span class="add-pro" @click.stop="addProject"><i class="fa fa-plus"></i></span>
                    </div>
                    <el-input type="hidden" v-model="dataKind" value="0"></el-input>
                </div>
            </div>
            <span v-show="isDcList">
	            <el-table  :data="tableData" border :default-sort = "{prop: 'v3', order: 'descending'}">
	                <el-table-column type="index" :index="indexMethod" width="50">
	                </el-table-column>
	                <el-table-column :show-overflow-tooltip="true" prop="v1" align="center" label="标题">
	                </el-table-column>
	                <el-table-column prop="v2" align="center" label="被督察单位">
	                </el-table-column>
	                <el-table-column prop="v3" align="center" label="督察时间" sortable>
	                </el-table-column>
	                <el-table-column prop="v4" align="center" label="整改状态" :formatter="formatModifyStatus"
	                :filters="[{text: '待整改', value: '0'}, {text: '已整改', value: '2'}, {text: '无整改', value: '1'}, {text: '全部', value: ''}]"
	                :filter-method="filterModifyStatus"
	                filter-placement="bottom-end">
	                </el-table-column>
	                <el-table-column
							v-if="isDcList"
	                    prop="precent"
	                    class="spanProgress"
	                    label="整改进度">
	                    <template slot-scope="scope">
	                        <el-progress :text-inside="true" color="#409EFF" :stroke-width="18" :percentage='scope.row.precent.replace("%","")' status="success"></el-progress>
	                    </template>
	                </el-table-column>
	                <el-table-column prop="v5" align="center" :formatter="dcfsStatus" label="所有专项"
	                :filters="[{text: '问题随拍', value: '1'}, {text: '专项督察', value: '2'}, {text: '队伍管理', value: '3'}, {text: '执法执勤', value: '4'}, {text: '社会管控', value: '5'}, {text: '其他督察', value: '6'}, {text: '每日必查', value: '7'}]"
	                :filter-method="filterDcfsStatus"
	                filter-placement="bottom-end">
	                </el-table-column>
	                <el-table-column  align="center" label="操作">
	                    <template slot-scope="scope">
	                        <el-button size="mini" @click="handleView(scope.$index, scope.row,1)" >查看</el-button>
	                    </template>
	                </el-table-column>
	            </el-table>
            </span>
            <span v-show="isQuestion">
	            <el-table :data="tableData" border :default-sort = "{prop: 'v3', order: 'descending'}">
	                <el-table-column type="index" :index="indexMethod" width="50">
	                </el-table-column>
	                <el-table-column :show-overflow-tooltip="true" prop="v1" align="center" label="检查项">
	                </el-table-column>
	                <el-table-column prop="v2" align="center" label="被督察单位">
	                </el-table-column>
	                <el-table-column prop="v3" align="center" label="发现时间" sortable>
	                </el-table-column>
	                <el-table-column prop="v4" align="center" label="整改状态" :formatter="formatModifyStatus"
	                :filters="[{text: '待整改', value: '0'}, {text: '已整改', value: '2'}, {text: '无整改', value: '1'}, {text: '全部', value: ''}]"
	                :filter-method="filterModifyStatus"
	                filter-placement="bottom-end">
	                </el-table-column>
	                <el-table-column prop="v5" align="center" :formatter="dcfsStatus" label="所有专项"
	                :filters="[{text: '问题随拍', value: '1'}, {text: '专项督察', value: '2'}, {text: '队伍管理', value: '3'}, {text: '执法执勤', value: '4'}, {text: '社会管控', value: '5'}, {text: '其他督察', value: '6'}, {text: '每日必查', value: '7'}]"
	                :filter-method="filterDcfsStatus"
	                filter-placement="bottom-end">
	                </el-table-column>
	                <el-table-column  align="center" label="操作">
	                    <template slot-scope="scope">
	                        <el-button size="mini" @click="handleView(scope.$index, scope.row,2)">查看</el-button>
	                    </template>
	                </el-table-column>
	            </el-table>
            </span>
            <span v-show="isHistory">
	            <el-table :data="tableData" border :default-sort = "{prop: 'v3', order: 'descending'}">
	                <el-table-column type="index" :index="indexMethod" width="50">
	                </el-table-column>
	                <el-table-column :show-overflow-tooltip="true" prop="v1" align="center" label="检查项" v-if="!isDcList">
	                </el-table-column>
	                <el-table-column prop="v2" align="center" label="被督察单位">
	                </el-table-column>
	                <el-table-column prop="v3" align="center" label="整改时间" sortable>
	                </el-table-column>
	                <el-table-column prop="v4" align="center" label="审核状态" :formatter="formatSHStatus"
	                :filters="[{text: '待审核', value: '0'}, {text: '审核通过', value: '1'}, {text: '审核未通过', value: '2'}]"
	                :filter-method="filterCheckStatus"
	                filter-placement="bottom-end">
	                </el-table-column>
	                <el-table-column prop="v5" align="center" :formatter="dcfsStatus" label="所有专项"
	                :filters="[{text: '问题随拍', value: '1'}, {text: '专项督察', value: '2'}, {text: '队伍管理', value: '3'}, {text: '执法执勤', value: '4'}, {text: '社会管控', value: '5'}, {text: '其他督察', value: '6'}, {text: '每日必查', value: '7'}]"
	                :filter-method="filterDcfsStatus"
	                filter-placement="bottom-end">
	                </el-table-column>
	                <el-table-column  align="center" label="操作">
	                    <template slot-scope="scope">
	                        <el-button size="mini" @click="handleView(scope.$index, scope.row,3)">查看</el-button>
	                    </template>
	                </el-table-column>
	            </el-table>
            </span>
            <div class="pagination-box pull-right">
                <el-pagination background layout="prev, pager, next" :page-size="pageSize" :current-page.sync="pageNo" :page-count="totalPage" @current-change="pageChange"></el-pagination>
            </div>
        </div>

    </div>

</div>
<script src="${request.contextPath}/statics/plugins/element/index.js"></script>
<script src="${request.contextPath}/statics/js/modules/business/dcrw.js?_${.now?long}"></script>
<script type="text/javascript">
$(function () {
    //进度条占比
    $(".spanProgress").each(function () {
        var proWidth = $(this).html();//数值示例：50%
        $(this).css("width", 120 / 100 * parseFloat(proWidth) + 45 + "px");
    });
});
</script>
</body>
</html>